<template>
	<view class="page">
	<view class="uni-list">
		
		<view class="uni-records-time">
			<!-- 左边竖线 -->
			<view class="uni-records-left"></view>
			<!-- 日期 -->
			<text>2018.09.11</text>
		</view>
		<!-- 1 -->
		<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
			<view class="uni-media-list">
				<view class="uni-media-list-body">
					<view class="uni-media-list-text-top">
						马云宣布渐进式退休：中国企业家大多没有好下场，马老师只是侥幸逃脱
						</view>
					
				</view>
				<image class="uni-media-list-logo-right" src="../../../static/img/s.png"></image>
				<image class="uni-media-list-logo-msall" src="../../../static/img/weixin.png"></image>
				
			</view>
		</view>
		
		</view>
		
		<view class="uni-list">
			
			<view class="uni-records-time">
				<!-- 左边竖线 -->
				<view class="uni-records-left"></view>
				<!-- 日期 -->
				<text>2018.09.10</text>
			</view>
			<!-- 1 -->
			<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
				<view class="uni-media-list">
					<view class="uni-media-list-body">
						<view class="uni-media-list-text-top">
							大强子的京东艳史
							</view>
						
					</view>
					<image class="uni-media-list-logo-right" src="../../../static/img/s.png"></image>
					<image class="uni-media-list-logo-msall" src="../../../static/img/weixin.png"></image>
					
				</view>
			</view>
			<!-- 2 -->
			<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
				<view class="uni-media-list">
					<view class="uni-media-list-body">
						<view class="uni-media-list-text-top">
							阿里保安也是个实在人！
							</view>
					</view>
					<image class="uni-media-list-logo-right" src="../../../static/img/s.png"></image>
					<image class="uni-media-list-logo-msall" src="../../../static/img/weixin.png"></image>
					
					
				</view>
			</view>
			
			<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
				<view class="uni-media-list">
					<view class="uni-media-list-body">
						<view class="uni-media-list-text-top">
							自诩本分却造就“山寨平台”拼多多的80后新贵
							</view>
					</view>
					<image class="uni-media-list-logo-right" src="../../../static/img/s.png"></image>
					<image class="uni-media-list-logo-msall" src="../../../static/img/weixin.png"></image>
					
					
				</view>
			</view>
			
			<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
				<view class="uni-media-list">
					<view class="uni-media-list-body">
						<view class="uni-media-list-text-top">
						投资自己
							</view>
					</view>
					<image class="uni-media-list-logo-right" src="../../../static/img/s.png"></image>
					<image class="uni-media-list-logo-msall" src="../../../static/img/weixin.png"></image>
					
					
				</view>
			</view>
			</view>
		
		
</view>		
</template>

<script>
	export default {
		
	}
</script>

<style>
@import "../../../common/icon.css";
	@import "../../../common/uni.css";
	
	/* 历史 */
		.uni-list{
		margin-bottom: 25px;
		}
		.uni-records-time{
			margin-top: 25px;
			font-weight: bold;
		}
		.uni-records-left{
			margin-top: 6px;
			width: 5px;
			height: 40px;
			background-color: red;
			float: left;
			margin-right: 25px;
		}
		
		
		/* 小图片 */
		.img-eyes{
			margin-bottom: -5px;
			margin-right: 10px;
			width: 30px;
			height: 30px;
		}
		/* 分享小图片 */
		.uni-img-share .uni-icon{
			position: absolute;
			bottom: 6px;
			right: 78px;
			width: 30px;
			height: 30px;
		}
	.uni-media-list-logo-right{
		width: 150px;
		height: 150px;
	}
	.uni-media-list-logo-msall{
		position: absolute;
		width: 28px;
		height: 28px;
		bottom: 32px;
		right: 42px;
		}
		.uni-media-list-body {
			height: auto;
			justify-content: space-around;
		}
		.uni-media-list-text-top {
			height: 74px;
			font-size: 32px;
			font-weight: 400;
			overflow: visible;
			white-space: normal;
		}
		
		.uni-media-list-text-bottom {
			margin-top: 25px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
</style>
